<div id="demos-tab-panel" class="panel" role="tabpanel">
  <h2 class="demo-header">HTML</h2>
  <pre class="code"><code><!--
-->&lt;<span class="code-token">base target</span><b>=<span class="code-target">htmz</span>></b>

&lt;<span class="code-token">p</span>>Hello, user!&lt;/<span class="code-token">p</span>>

<span class="code-comment">&lt;!-- Self-closing dialog:
     The dialog will be replaced by the response
     triggered by the form inside it. --&gt;</span>
&lt;<span class="code-token">dialog id</span>="<b>content</b>" <span class="code-token">open</span>>
  &lt;<span class="code-token">form</span>>
    &lt;<span class="code-token">p</span>>Would you like to enable access to zlorgonium caches?&lt;/<span class="code-token">p</span>>
    &lt;<span class="code-token">button
      formaction</span>="<i>/access</i><b>#content</b>"
      <span class="code-token">name</span>="enable"
      <span class="code-token">value</span>="once"
    >
      Just once
    &lt;/<span class="code-token">button</span>>
    &lt;<span class="code-token">button
      formaction</span>="<i>/access</i><b>#content</b>"
      <span class="code-token">name</span>="enable"
      <span class="code-token">value</span>="always"
    >
      Always
    &lt;/<span class="code-token">button</span>>
    &lt;<span class="code-token">button formmethod</span>="dialog">
      Never
    &lt;/<span class="code-token">button</span>>
  &lt;/<span class="code-token">form</span>>
&lt;/<span class="code-token">dialog</span>><!--
--></code></pre>
  <h2 class="demo-header">Result</h2>
  <div class="demo-result">
    <p>Hello, user!</p>
    <dialog id="content" open>
      <form>
        <p>Would you like to enable access to zlorgonium caches?</p>
        <button
          formaction="demos/dialog/once.html#content"
          name="enable"
          value="once"
        >
          Just once
        </button>
        <button
          formaction="demos/dialog/always.html#content"
          name="enable"
          value="always"
        >
          Always
        </button>
        <button formmethod="dialog">Never</button>
      </form>
    </dialog>
  </div>
</div>
